<template>
	<view class="shellexchange_wp">
		<view class="shellexchange_list">
			<view>兑换数量</view>
			<input type="number" v-model="shellNumber" placeholder="填写兑换数量" />
		</view>
		<view class="shellexchange_list">
			<view>实际到账</view>
			<input type="text"v-model="arrival" />
		</view>
		<view class="shellexchange_message">
			<view>剩余:183.32</view>
			<view>兑换比例&nbsp;1:1</view>
		</view>
		
		<view class="reaname_sumbit" @click="onsumbit">提交</view>
	</view>
</template>

<script>
export default{
	data(){
		return{
			arrival:0,
			shellNumber:'',
		}
	},
	methods:{
		onsumbit(){
			this.$navBack();
		}
	}
}
</script>

<style lang="scss">
	page{
		background-color: #f2f2f2;
		color: $font-color-dark;
	}
	.shellexchange_list{
		background-color: #fff;
		border-bottom: 1px hsl(0,0%,87%) solid;
		display: flex;
		align-items: center;
		font-size: $font-base;
		padding: 20upx;
	}
	.shellexchange_list view{
		width: 150upx;
	}
	.shellexchange_list input{
		color: #666;
		font-size: $font-sm;
	}
	.shellexchange_message{
		color: $font-color-light;
		display: flex;
		align-items: center;
		justify-content: space-between;
		line-height: 70upx;
		font-size: $font-sm;
		padding: 0 20upx;
	}
	.reaname_sumbit{
		background-color: $base-color;
		border-radius: 40upx;
		color: #fff;
		font-size: 30upx;
		line-height: 70upx;
		margin: 60upx auto;
		text-align: center;
		letter-spacing: 3px;
		width: 90%;
	}
</style>
